html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{font-family:"Microsoft YaHei",Arial; color:#111; }
textarea {-webkit-appearance: none;} 

video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}
html {font-size: 100%;}
body { font-size:14px; font-family:"Microsoft YaHei",Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:27px; }
a { color:#111; text-decoration:none; }
a:hover { text-decoration:underline;}

.wrapper { width:1200px; margin:0 auto; }
#header { width:100%; background:url(../images/header_bg.jpg) no-repeat center top; z-index:1003;}
.h_the_m{position:relative;}
.h_the_mt{position:absolute; right:17px; top:0; height:40px; width:280px;}
.h_the{float:left; line-height:38px; font-size:12px; text-indent:0px; text-transform:uppercase; margin-right:0px; padding:0 2px 0 14px;}
.h_the a{color:#595959;}
.h_the img{margin:11px 5px 0 0; float: left;}

.logo{float:left; margin-top:11px;}

#nav {margin:60px 0px 0 0; float:right;}
#nav ul li { float:left; height:50px; overflow:hidden; width:100px;}
#nav ul li.line { width:0px;} 
#nav ul li.menu {margin:0 9px 0 14px;}
#nav ul li.menu a { font-size:14px; line-height:36px; display:block; color:#393939; text-align:center; }
#nav ul li.menu a:hover { text-decoration:none; background:#0e396e; color:#fff; border-radius:3px;}
#nav ul li.menu a.current {background:#0e396e; color:#fff; border-radius:3px;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer {}
.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}

#banner { font-size:0; overflow:hidden; width:100%; }
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:50px; left:0; height:40px; line-height:40px; text-align:center; margin:0px; background:url(../images/hm.png) repeat-x left top; border-radius:0px;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:13px 7px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.slideBox .hd ul li.on{  filter:alpha(opacity=100);opacity:1;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}



/**底部内容**/
.downMenu { background:url(../images/downMenu.jpg) no-repeat center top; height: 300px;}
.downMenu .menu { width:100%; padding:25px 0 30px; float:left;}
.downMenu .menu dl { float:left; display:inline; }
.linea{padding-left:9px; padding-right:90px; }
.lineb{margin-right:103px;}
.linec{margin-right:109px;}
.lined{margin-right:106px;}
.linee{margin-right:104px;}
.downMenu .menu dl dt { color:#fff; height:40px; line-height:40px; font-size:16px;}
.downMenu .menu dl dd { height:28px; line-height:28px; color:#fff; font-size:14px;}
.downMenu .menu dl dd a {color:#fff; font-size:14px; }
.downMenu .menu dl li{color:#b9c9e1; height:24px; line-height:24px; font-size:14px; list-style:none;}
.downMenu .qrcode {width:14.5%; float:right; padding:45px 0 20px; text-align:center;  }
.downMenu .code p { height:45px; line-height:45px; font-size:12px; color:#f9b446; }

#footer { font-size:0.875em; background-color:#2d2f32;}
#footer p { color:#fff; font-size:12px;}
#footer p a { color:#fff; }
#footer .comp_x{float:left; width:100%; line-height:58px; border-top:solid 0px #515151;}

.wap_sj{display:none;}

.m_contact,.pic_menu_t { display:none; }
.xwkb{ display:none; }


@media screen and (max-width:640px){
.slideBox .hd{bottom:0;}
.xwkb{display:block;}
.hidden-xs{ display:none; }

#nav ul li.menu a { padding:0; text-align:center; }
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border-bottom:0; background-image:none; height:auto; }
#header .logo{width:42%; margin-top:8px; float:none; margin-left: 15px;}
#header .logo img{width:100%;}
#header div.wrapper { overflow:hidden; background-color:#fff; }
#nav { width:100%; padding:0; float:none; height:auto; display:block; margin:0; background-color:#0e396e;}
#nav ul li.menu { float:left; width:33.3%; height:42px; margin:0;}
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:41px; line-height:41px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.menu a.line_r { border-right:solid 1px #274d7d;border-bottom:solid 1px #274d7d; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #274d7d; height:41px; }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; color:#fff;}

.other{margin-left:2%; width:96%; margin-bottom:10px;}
.other .chname{width:80%;}

.downMenu .menu{padding:10px 0 20px 3%; width:97%;}
.downMenu .menu .hidden-xs{display:none;}
.downMenu .menu dl dd{height:auto;}
.wap_sj{display:initial;}
.web_dn{display:none;}

#footer { font-size:0.875em; background-color:#2d2f32; padding:10px 10px;}
#footer .comp_x{line-height:27px; }
}
@media screen and (max-width:375px){

}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}